import React, { Component ,Fragment} from 'react';

require('./css/frame.css');



export default  class LRButton extends Component {
	constructor(...args){
		super(...args);
	}

	render(){
		
		if(this.props.index == 1) {
			return (
					<div id="R" className="LR" style={{right: "10px"}} onClick = {() =>{this.props.LR("R")}}>&gt;</div>
			);
		}
		else if(this.props.index == 5) {
			return (
					<div id="L" className="LR" style={{left: "10px"}} onClick = {() =>{this.props.LR("L")}}>&lt;</div>
			);
		}
		else {
			return (
				<div>
					<div id="L" className="LR" style={{left: "10px"}} onClick = {() =>{this.props.LR("L")}}>&lt;</div>
					<div id="R" className="LR" style={{right: "10px"}} onClick = {() =>{this.props.LR("R")}}>&gt;</div>	
				</div>
			);
		}

	}
	
}


